﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AiXiu.WebSite.Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
            font-size: 15px;
            margin-top: 8px;
            color: #333;
        }

        .mui-media-body {
            text-align: left;
            height: 22px !important;
        }

            .mui-media-body img {
                width: 18px;
            }

        ul {
            padding-bottom: 72px;
        }
    </style>
    <script>
        $(function () {
            $("#video").addClass("mui-active").siblings().removeClass("mui-active");
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="mui-content" style="background-color: #fff">
        <ul class="mui-table-view mui-grid-view">
            <asp:Repeater ID="rptVideos" runat="server">
                <ItemTemplate>
                    <li class="mui-table-view-cell mui-media mui-col-xs-6">
                        <a href="Play.aspx?videoId=<%#Eval("VideoId") %>">
                            <img class="mui-media-object" src="<%#Eval("CoverURL") %>">
                            <div class="mui-media-body">
                                <img src="<%#Eval("TBUsers.Avatar") %>" />
                                <span><%#Eval("TBUsers.NickName") %></span>
                            </div>
                        </a>
                    </li>
                </ItemTemplate>
            </asp:Repeater>
        </ul>
    </div>
</asp:Content>
